import React, {PureComponent} from "react"
import "./index.less"
import { ArrowLeftOutlined } from '@ant-design/icons';
import { Button } from "antd";
import {defaultSize} from "../../../../../shared/project-config"
import {withRouter} from "react-router"
import "animate.css"
import orderCompose from "./compose"
import OrderInfo from "./order-info"

export default @withRouter
@orderCompose class OrderClosed extends PureComponent {
  render() {

    const {
      toBack,
      data
    } = this.props

    return (
      <div className={'order-panel'}>

        <OrderInfo headerText={'超时订单'}
                   data={data}
                   fileReadOnly={true}/>

        <div className={'order-buttons'}>
          <Button size={defaultSize} type={'primary'} onClick={toBack}>
            <ArrowLeftOutlined />返回
          </Button>
        </div>
      </div>
    );
  }
}